<template>
  <!-- 左右分栏 -->
  <div class="box">
    <!-- 侧边栏 -->
    <div class="aside"></div>
    <!-- 右边栏 -->
    <div class="asideright"></div>
    <!-- 上下分栏 -->
    <!-- top -->
    <div class="top"></div>
    <!-- main -->
    <div class="main"></div>
  </div>
</template>

<script>
 export default{

}
</script>

<style lang="scss" scoped>
.box{
  height: 100%;
  display: flex;
  .aside{
    flex: 1;
    background-color: pink;
  }
  .asideright{
    flex:;
    background-color: yellow;
  }
}
</style>